<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/index.js"></script>
</head>
<body>
    <!-- /*  ====== 头部导航栏 ======*/ -->
    <div class="headermax">
        <div class="header width">
            <div class="logo">
                <img src="./img1/logonew.png" alt="">
            </div>
            <div class="nav">
                <ul>
                    <li><a href="#"><span style="color: red;">首页</span></a></li>
                    <li><a href="./play/酷玩.html">酷玩</a></li>
                    <li><a href="./guid/导购.html">导购</a></li>
                    <li><a href="./use/试用.html">试用</a></li>
                    <li><a href="./report/报告.html">报告</a></li>
                </ul>
            </div>
            <div class="navleft">
                <button class="search"></button>
                <button class="regsiter">注册</button>
            </div>
        </div>
    </div>
    <!-- /* ====== 背景图片  ====== */ -->
    <div class="bgimg">
        <div class="bgtext ">
            <p class="bgP1">幻响小贝HiFi2.1音箱</p>
            <p class="bgP2">126人申请</p>
            <p class="bgP3">￥599</p>
            <p class="bgP4">20台</p>
            <p >申请时间剩余：13天5小时37分钟</p>
            <button>立即申请</button>
        </div>
    </div>
    <!-- ====== 热门试用 ====== -->
    <div class="content1">
        <div class="width"><p class="titleP ">热门试用</p></div>
        <div class="cttleft"></div>
        <div class="cttright"></div>
        <div class="cttbox width">
            <div class="cttbox1">
                <div class="cttimg"><p>首发</p></div>
                <p class="cttP1">巴慕达 The Toaster 烤面包机</p>
                <p class="cttP2">2032</p>
                <p class="cttP3">20台</p>
                <p class="cttP4"><span>1392</span>申请</p>
                <p class="cttP5">剩余时间2天</p>
            </div>
            <div class="cttbox1">
                <div class="cttimg"><p class="cttimg2p1">体验师专享</p></div>
                <p class="cttP1">Osprey小鹰户外运动专业腰包</p>
                <p class="cttP2 " id="cttPgreen">2032</p>
                <p class="cttP3 " id="cttPgreen">20台</p>
                <p class="cttP4"><span>1392</span>申请</p>
                <p class="cttP5"><span style="color:green ;">查看试用名单</span></p>
            </div>
            <div class="cttbox1">
                <div class="cttimg"><p>首发</p></div>
                <p class="cttP1">Liquid Image 338 运动摄像眼镜</p>
                <p class="cttP2">2032</p>
                <p class="cttP3">20台</p>
                <p class="cttP4"><span>1392</span>申请</p>
                <p class="cttP5">剩余时间2天</p>
            </div>
            <div class="cttbox1">
                <div class="cttimg"><p>首发</p></div>
                <p class="cttP1">巴慕达 The Toaster 烤面包机</p>
                <p class="cttP2">2032</p>
                <p class="cttP3">20台</p>
                <p class="cttP4"><span>1392</span>申请</p>
                <p class="cttP5">剩余时间2天</p>
            </div>
        </div>
    </div>
    <!-- ====== 报告精选 ====== -->
    <div class="content1 content2">
        <div class="width">
            <p class="titleP">报告精选</p>
            <div class="titleleft">查看更多<img src="./img/readMore.png" ></div>
        </div>
        <div class="cttbox width">
            <div class="cttbox1">
                <div class="cttimg"></div>
                <p class="bgP">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                <div class="cttXia">
                    <div class="cttXt">● 苏苏</div>
                    <div class="cttXi">
                        <img src="./img/zan.png" >3
                        <img src="./img/reply.png" >3
                    </div>
                </div>
            </div>
            <div class="cttbox1">
                <div class="cttimg"></div>
                <p class="bgP">怎么骑都不会累的智能自行车：云马 C1试骑体验</p>
                <div class="cttXia">
                    <div class="cttXt">● 好吗</div>
                    <div class="cttXi">
                        <img src="./img/zan.png" >3
                        <img src="./img/reply.png" >3
                    </div>
                </div>
            </div>
            <div class="cttbox1">
                <div class="cttimg"></div>
                <p class="bgP">声音不是最优秀，但它形音完美的结合，足够打动人心</p>
                <div class="cttXia">
                    <div class="cttXt">● iAra</div>
                    <div class="cttXi">
                        <img src="./img/zan.png" >3
                        <img src="./img/reply.png" >3
                    </div>
                </div>
            </div>
            <div class="cttbox1">
                <div class="cttimg"></div>
                <p class="bgP">风光大片信手拈来！vivo X6Plus不只是快，还是一台拍照利器</p>
                <div class="cttXia">
                    <div class="cttXt">● 苏苏</div>
                    <div class="cttXi">
                        <img src="./img/zan.png" >3
                        <img src="./img/reply.png" >3
                    </div>
                </div>
            </div>
            <div class="cttbox1">
                <div class="cttimg"></div>
                <p class="bgP">风光大片信手拈来！vivo X6Plus不只是快，还是一台拍照利器</p>
                <div class="cttXia">
                    <div class="cttXt">● 苏苏</div>
                    <div class="cttXi">
                        <img src="./img/zan.png" >3
                        <img src="./img/reply.png" >3
                    </div>
                </div>
            </div>
            <div class="cttbox1">
                <div class="cttimg"></div>
                <p class="bgP">声音不是最优秀，但它形音完美的结合，足够打动人心</p>
                <div class="cttXia">
                    <div class="cttXt">● iAra</div>
                    <div class="cttXi">
                        <img src="./img/zan.png" >3
                        <img src="./img/reply.png" >3
                    </div>
                </div>
            </div>
            <div class="cttbox1">
                <div class="cttimg"></div>
                <p class="bgP">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                <div class="cttXia">
                    <div class="cttXt">● 苏苏</div>
                    <div class="cttXi">
                        <img src="./img/zan.png" >3
                        <img src="./img/reply.png" >3
                    </div>
                </div>
            </div>
            <div class="cttbox1">
                <div class="cttimg"></div>
                <p class="bgP">怎么骑都不会累的智能自行车：云马 C1试骑体验</p>
                <div class="cttXia">
                    <div class="cttXt">● 好吗</div>
                    <div class="cttXi">
                        <img src="./img/zan.png" >3
                        <img src="./img/reply.png" >3
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ====== 导购精选 ====== -->
    <div class="content1 content3">
        <div class="width">
            <p class="titleP">导购精选</p>
            <div class="titleleft">查看更多<img src="./img/readMore.png" ></div>
        </div>
        <div class="cttbox width">
           <div>
                <div class="cttbox1 cttDgJx">
                    <div class="cttimg"></div>
                    <p class="bgP">花万元把蜗居秒变“豪宅”？这12件家具就能帮你办到</p>
                    <div class="cttXia">
                        <div class="cttXi">
                            <img src="./img/xin.png" >3
                            <img src="./img/reply.png" >3
                        </div>
                    </div>
                </div>
                <div><img src="./img/listbg.jpg" alt=""></div>
           </div>
            <div>
                <div class="cttbox1 cttDgJx">
                    <div class="cttimg"></div>
                    <p class="bgP">到底有没有完美的iPhone手机配件，答案都在这里</p>
                    <div class="cttXia">
                        <div class="cttXi">
                            <img src="./img/xin.png" >3
                            <img src="./img/reply.png" >3
                        </div>
                    </div>
                </div>
                <div><img src="./img/listbg.jpg" alt=""></div>
            </div>
            <div>
                <div class="cttbox1 cttDgJx">
                    <div class="cttimg "></div>
                    <p class="bgP">2016，这8支钢笔够你装逼一整年</p>
                    <div class="cttXia">
                        <div class="cttXi">
                            <img src="./img/xin.png" >3
                            <img src="./img/reply.png" >3
                        </div>
                    </div>
                </div>
                <div><img src="./img/listbg.jpg" alt=""></div>
            </div>
            <div>
                <div class="cttbox1 cttDgJx">
                    <div class="cttimg"></div>
                    <p class="bgP">他用12年找一把完美 剃须刀，给你2万字终极购买指南</p>
                    <div class="cttXia">
                        <div class="cttXi">
                            <img src="./img/xin.png" >3
                            <img src="./img/reply.png" >3
                        </div>
                    </div>
                </div>
                <div><img src="./img/listbg.jpg" alt=""></div>
            </div>
        </div>
    </div>
     <!-- ====== 发现酷玩 ====== -->
     <div class="content1 content2 content4 ">
        <div class="width">
            <p class="titleP">发现酷玩</p>
            <div class="titleleft">查看更多<img src="./img/readMore.png" ></div>
        </div>
        <div class="cttbox width cttbox4">
            <!-- <div class="cttbox1">
                <div class="cttimg">
                    <img  class="cttimg1" src="./img1/k1.jpg" alt="">
                </div>
                <p class="bgP ctt4p1">SCiO 微型光谱仪</p>
                <p class="bgP ctt4p2">可以测定食物成分及营养</p>
                <div class="cttXia">
                    <div class="cttXt">￥1212</div>
                    <div class="cttXi">
                        <img src="./img/xin.png" >3
                        <img src="./img/reply.png" >3
                    </div>
                </div>
            </div> -->
        </div>
        <div class="width ctt4bottom">
            <img src="./img/more.png" >
            <span style="color: #f65340 ;">点击加载更多</span>
        </div>
    </div>
    <!-- ====== 底部 ====== -->
    <div class="footer">
        <div class="width footerbox1">
            <div class="footerImg">
                <img src="./img1/code.png" >
            </div>
            <div class="footerImg2">
                <img src="./img1/logoImg.jpg" >
                <p>全球酷玩试用导购平台酷·新奇·好玩·品质</p>
                <p>微信添加'JguoJguo'获取我们的服务。</p>
            </div>
            <div class="footertext">
               <dl>
                <dt>免费试用</dt>
                <dd>试用流程</dd>
                <dd>如何提高成功率</dd>
               </dl>
               <dl>
                <dt>友情链接</dt>
                <dd>智东西&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;WEIBUSI</dd>
                <dd>搜狐IT&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;腾讯科技 </dd>
                <dd>搜狐数码&nbsp;&nbsp;凤凰科技</dd>
                <dd>凤凰数码&nbsp;&nbsp;PConline</dd>
                <dd>泡泡网&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3W咖啡</dd>
                <dd>ZUK社区&nbsp;&nbsp;亿觅emie</dd>
                <dd>极客公园&nbsp;&nbsp;易迅易启玩 </dd>
                <dd>果库</dd>
               </dl>
               <dl>
                <dt>购买攻略</dt>
                <dd>美亚海淘教程</dd>
                <dd>日亚海淘教程</dd>
                <dd>海淘转运攻略</dd>
                <dd>kickstarter 众筹购买攻略</dd>
                <dd>indiegogo 众筹购买攻略</dd>
               </dl>
               <dl>
                <dt>厂商合作</dt>
                <dd>关于极果</dd>
                <dd>联系我们</dd>
                <dd>商务合作：BD@jiguo.com</dd>
                <dd>CEO邮箱：CEO@jiguo.com</dd>
               </dl>
            </div>
        </div>
        <p class="footerP width">&copy;2016 极果版权所有</p>
        <div class="footerYd">
            <a href="#"><img src="./img/back.png" alt=""></a>
        </div>
    </div>
</body>
</html>